@charset "utf-8";
$color:#ff9344;
@function c($px ) {
    @return $px/100*1rem;
}
header{
   .head_min{
   color: $color;
        width: c(162);
        height:c(60);
        margin-top: c(34);
        margin-left: c(80);
        position: relative;
  
   span i{
       position: absolute;
       font-size: c(50);
       padding-left: 50%;
       }
   
   } 
}
section{
   .minute_top{
       width:c(709);
       height:c(260);
       margin: 0 auto;
       position: relative;
   }
   .minute_her{
       width:c(709 );
       height: c(121 );
       margin: 0 auto;
       font-size: c(72 );
       color: $color;
       line-height: c(121 );
       span{
           &:nth-of-type(1){
               margin-left: c(20 );
           }
           button{
               width: c(110 );
               height: c(60 );
               background-color: $color;
               color:#ffffff;
               font-size: c(30 );
               border-radius:c(18 );
               margin-right: c(20 );
               vertical-align: middle;
           }
       }
   }
   .minute_min{
      width:94%; 
      height: c(62);
      line-height: c(62);
      margin: 0 auto;
      overflow: hidden;
      span{
          &:nth-of-type(1){
              font-size: c(30);
             
              i{
                  color:$color;
                  font-size:c(40);
              }
              a{
                  color: $color;
                  font-size: c(30);
              }
          }
          &:nth-of-type(2){
             font-size: c(26);
              color: #8e8e8e;
          }
      }
   }
   .minute_map{
       color: #ffffff;
       background-color: $color;
       height: c(66 );
       margin: 0 auto;
       margin-top: c(37 );
       line-height: c(66 );
       width:96%;
       font-size: c(30 );
   span{
       &:nth-of-type(1){
           padding-left: c(11);
       }
       &:nth-of-type(2){
           padding-right: c(10);
       }
   }
        
   }
   .minute_foot{
       padding-top: c(10 );
       margin: 0 auto;
       width: 94%;
       height: c(186 );
       .minute_foot_left{
           width:c(176 );
           height: c(176 );
           position: relative;
          .foot_left_div{ 
              height:c(37 );
              width: 100%;
              z-index: 1;
              position: absolute;
              top: 50%;
              transform: translateY(-50%);
         background-color: rgba(201,190,184,.6);
               p{
               font-size:c(24 );
               text-align: center;
              
           }}
       }
       .minute_foot_right{
           button{
               width: c(110 );
               height: c(58 );
               background-color: $color;
               border-radius: c(20 );
               margin-top: 50%;
               font-size: c(30 );
               color:#ffffff;
           }
       }
       .minute_foot_coen{
          padding-left:c(202 ) ; 
          ul li{
              line-height:c(40 );
              
              &:nth-of-type(1){
                  font-size: c(30 );
                  margin-top:c(16 ); 
              }
              &:nth-of-type(2){
                  color: #929292;
                  font-size: c(26 );
                  i{
                      color: $color;
                      font-size: c(30 );
                  }
              }
              &:nth-of-type(3){
                font-size: c(24 );
                color: #929292;  
              }
              &:nth-of-type(4){
                  font-size: c(20 );
                  a{
                       color: $color;
                  }
                 
              }
          }
       }
   }
}

